<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-06-18 11:29:04
 * @LastEditTime: 2024-06-20 19:30:55
-->
<script lang="ts" setup>
import { storeToRefs } from "pinia";
import { tagsStore, configStore } from "@/plugins/pinia/index";
import TabsNav from "@/components/TabsNav/index.vue";
// import { BLACK_TAGS } from "@/constant/white";
const { tabList, activeTab, contentId } = storeToRefs(tagsStore());
const { Widgets } = storeToRefs(configStore());

const {
  removeTabList,
  setTbaList,
  setActiveTab,
  setContextTabId,
  closeAllTabs,
} = tagsStore();
</script>
<template>
  <!-- :noDeletePath  禁止删除的路由；blackPath禁止加入tabs导航的路由 -->
  <TabsNav
    v-show="Widgets.tab.hide"
    :activeTab="activeTab"
    :tabList="tabList"
    :contentId="contentId"
    @addTab="setTbaList"
    @setActiveTab="setActiveTab"
    @removeTabList="removeTabList"
    @setContextTabId="setContextTabId"
    @closeAllTabs="closeAllTabs"
    :tabsHeight="Widgets.tab.height"
  />
</template>
<style lang="scss" scoped></style>
